<template>
  <div class="contact">
    联系我们

    <div class="my-cont">
      <div class="picture-show">
        <img src="../../assets/img/erima1.png"
            />
        <div style="margin-top:20px;">客服小哥</div>
      </div>

      <div class="picture-show">
        <img src="../../assets/img/eweima2.png"
            />
        <div style="margin-top:20px;">项目经理</div>
      </div>
    </div>

    <van-cell-group>
      <van-cell icon="phone-o"
                title="电话"
                value="15625736069" />
      <van-cell icon="location-o"
                title="地址"
                value="东莞市东城街道星河传说" />
      <van-cell  icon="envelop-o"
                title="邮箱"
                value="HzBossTeam@163.com" />
     
    </van-cell-group>


    <div class="footer-show">
        ©2020 Boss软件
    </div>


    <div class="wrapper">
    <div class="border-circle" id="one"></div>
    <div class="border-circle" id="two"></div>
    <div class="background-circle">
      <div class="triangle-light"></div>
      <div class="body"></div>
      <span class="shirt-text">♥</span>
      <span class="shirt-text">欢</span>
      <span class="shirt-text">迎</span>
      <span class="shirt-text">咨</span>
      <span class="shirt-text">询</span>
      <div class="triangle-dark"></div>
    </div>
    <div class="head">
      <div class="ear" id="left"></div>
      <div class="ear" id="right"></div>
      <div class="hair-main">
        <div class="sideburn" id="left"></div>
        <div class="sideburn" id="right"></div>
        <div class="hair-top"></div>
      </div>
      <div class="face">
        <div class="hair-bottom"></div>
        <div class="nose"></div>
        <div class="eye-shadow" id="left">
          <div class="eyebrow"></div>
          <div class="eye"></div>
        </div>
        <div class="eye-shadow" id="right">
          <div class="eyebrow"></div>
          <div class="eye"></div>
        </div>
        <div class="mouth"></div>
        <div class="shadow-wrapper">
          <div class="shadow"></div>
        </div>
      </div>
    </div>
    <span class="music-note" id="one">&#9835;</span>
    <span class="music-note" id="two">&#9834;</span>
  </div>


  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},

  methods: {},

  mounted() {},
  created() {},
};
</script>
<style>

@import "../../assets/styles/style.css";
</style>
<style lang="scss" scoped>
.contact {
  width: 100%;
  height: 100%;
  background-color: #000;
  // justify-content:space-around
  .my-cont {
    width:100%;height:300px;display:flex;color:#fff;
    .picture-show {
      width:50%;text-align:center;display:flex;justify-content: center;
      align-items: center;flex-direction:column;
      img{
        width:150px;height:150px;
      }
    }
  }
}
.footer-show {
  color:#f00;text-align:center;
  position: absolute;
  bottom: 120px;
  left: 50%;
  transform: translateX(-50%);
}
.van-cell {
  background-color: #000;
  color: #fff;
  border: none;
  .van-cell__value {
    color: #fff;
  }
}
</style>
